<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><meta http-equiv="Content-Type" content="text/html; charset=uft-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" />

@section('title')
<title>
	
        凡客诚品 - 会员免费注册
</title>

@show
    <link rel="shortcut icon" href="//ssl.vanclimg.com/common/favicon/favicon.ico" type="image/x-icon" /><link rel="stylesheet" type="text/css" href="/homes/register/Css/css.css" />
    
    <script type="text/javascript" language="javascript" src="/homes/register/Scripts/js.js"></script>
    
    
    <link href="/homes/register/Css/reg.css" type="text/css" rel="stylesheet" />

</head>
<body id="body" class="wrapper">

@section('top')
    <div id="top" style="margin:10px 0 0 0;padding:0 0 10px 0; border-bottom:solid 1px #919191;">
        <img src="/homes/register/Picture/logo_new.jpg" alt="凡客诚品" title="凡客诚品" onclick="javascript:window.location.href='http://www.vancl.com'" style="cursor:pointer" /></div>
    <!--logo-->
 @show

@section('content')

    <form method="post" action="/register" id="myform">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTI2NDk4ODUyMGRkjukFnF0HIzatMwwY3WjD37gso+o=" />

    <span class="box15"></span>
    <div class="regist">
        <h1>
            注册新用户 <span>我已经注册，现在就<a href="Login.aspx?http://www.vancl.com?http%3A%2F%2Fwww.vancl.com%2F%3Fsource%3Dbaidupz_title">登录</a></span>
        </h1>
        <div style="width: 100%; height: 10px; overflow: hidden; clear: both;">
        </div>
        
        <div class="content_left">
            {{-- 出错提醒 start --}}
            <div style="background:#B52024; color: #FFFFFF; font-size:12px;line-height:20px;">
            @if (count($errors) > 0)
            <div style="width:100%;margin-top:10px">
                <b style="font-weight:bold;padding-left:20px;font-size:14px">警告:</b>
                  <ul class="unstyled">
                    @foreach ($errors->all() as $error)
                      <li style="text-align:center">{{$error}}</li>
                      @endforeach
                  </ul>
              </div>
           @endif
           </div>
            <!--tag-->
            <div class="infor clearfix" style="overflow: inherit">
                
                <div class="email">
                    <ul id="v2regListInfo_bar">
                         <li>
                            
                            <div class="v2regListInfo_rtCont" style="position: relative;">
                                
                                <div id="_mpassword2" class="newtxt" style="width: 410px;">
                                  <input maxlength="16" type="text" name="username" id="input_repassword" value=""
                                        tabindex="4" placeholder='请输入用户名'/>
                                </div>
                                <span class="box3"></span><span class="v2reg_tips01"></span><span class="box5"></span>
                            </div>
                            <span class="Rclear"></span>
                         </li>

                        <li id='liphone' style="zoom: 1;">
                            <div class="v2regListInfo_rtCont" style="position: relative; zoom: 1;">
                                <div id="_umobile" class="newtxt" style="width: 410px; float: left;">
                                    <input maxlength='25' type="email" value="" name="email" id="input_phone" tabindex="1" placeholder="请输入邮箱号"/>
                                </div>
                                
                                <p class="v2regBtn_02" name="ValidateIng">
                                    <img src="/homes/register/Picture/no.gif" /></p>
                                <span class="box3"></span><span class="v2reg_tips02"></span><span class="box5"></span>
                            </div>
                            <span class="Rclear"></span></li>
                        <li id='liphonecode'>
                            
                            <div class="v2regListInfo_rtCont" style="position: relative;">
                                
                                <div id="_mcode" class="newtxt" style="width: 410px;">
  
                                    <input name="phone" id="input_phonecode" type="text" value="" maxlength="18" tabindex="2" placeholder='请输入手机号'/>
                                </div>
                                <span class="box3"></span><span class="v2reg_tips01"></span><span class="box5"></span>
                            </div>
                            <span class="Rclear"></span></li>
                        <li>
                            
                            <div class="v2regListInfo_rtCont" style="position: relative;">
                                
                                <div id="_mpassword" class="newtxt" style="width: 410px;">
                                    <input maxlength="16" type="password" name="password" id="input_password" value=""
                                        tabindex="3" placeholder='设定登录密码'/>
                                </div>
                                <span class="box3"></span>
                                <span class="v2reg_tips01"></span><span class="box5"></span>
                            </div>
                            <span class="Rclear"></span></li>
                        <li>
                            
                            <div class="v2regListInfo_rtCont" style="position: relative;">
                                
                                <div id="_mpassword2" class="newtxt" style="width: 410px;">
                                    <input maxlength="16" type="password" name="repassword" id="input_repassword" value=""
                                        tabindex="4" placeholder='再次输入密码'/>
                                </div>
                                <span class="box3"></span><span class="v2reg_tips01"></span><span class="box5"></span>
                            </div>
                            <span class="Rclear"></span>
                         </li>
                        <li id='livalidatecode' style="height: 75px;">
                            <!-- display: none; -->
                            
                            
                            <div class="v2regListInfo_rtCont" style="position: relative;">
                                <div id="_yanzhenma" class="newtxt" style="width: 410px;">
                                   
                                    <input maxlength='6' type="text" name="captcha" id="input_validatecode" class="reginput_02"
                                        style="width: 150px;bottom:10px;" placeholder='验证码'/>
                                    <img border="0" src="/vcode" onclick="this.src=this.src+'?a'" id="img_validatecode"
                                        style="right: 1px;top:2px; width:25%;position: absolute;">
                                </div>
                                <span class="box3"></span><span class="v2reg_tips02"></span><span class="box5"></span>
                            </div>
                            <span class="Rclear"></span></li>
                        <li>
                            <div class="v2reg_bt">
                                <span>
                                    <input id="chk_agreen" type="checkbox" onclick="chkfn.call(this)" />
                                    <label for="chk_agreen" style="width: 100%; float: none;">
                                        请阅读<a target="_blank" href="http://help.vancl.com/Category/69-1.html" class="reda10_ft12">《VANCL凡客诚品服务条款》</a></label></span>
                                <span class="box10"></span><a href="javascript:">
                                    <button id="submitRegister_false" class="submitStyle" style="background: #9A9A9A; color: #FFFFFF;">
                                        立即注册</button>
                                </a><a href="javascript:" onclick="$('#submitRegister').click();return false;" style="display: none;">
                                    <button id="submitRegister" class="submitStyle">
                                        立即注册</button>
                                </a>
                                {{csrf_field()}}
                            </div>
                        </li>
                    </ul>
                </div>
                <!--email-->
            </div>
            <!--infor-->
        </div>
        <!--content_left-->
        <div class="content_right">
            <img src="/homes/register/Picture/login120412_newlogo.jpg" id="ContentPlaceHolder1__advertImage" style="width: 465px; display: none" />
            <img src="/homes/register/Picture/login120412_newlogo.jpg" style="width: 465px" />
        </div>
        <!--content_right-->
        <div class="clear">
        </div>
    </div>
    <!--regist-->
    <input name="hdn_RegisterType" id="hdn_RegisterType" type="hidden" value="email" />
    <input name="hdn_ResourceHref" id="hdn_ResourceHref_name" type="hidden" value="http://www.vancl.com?http%3A%2F%2Fwww.vancl.com%2F%3Fsource%3Dbaidupz_title" />
    <!--wrapper-->
    </form>
    <script type="text/javascript">
        function hoverinput(id, fun) {
            var jqobj = $("#" + id);
            //            $(jqobj).hover(function () {
            //                var _value = $(this).find("input").val();
            //                $(this).find("input").focus();
            //                if (_value == "") {
            //                    $(this).find("label").css({ "z-index": "8" });
            //                    $(this).find("input").removeClass("hoverinput").addClass("hoverinput");
            //                }
            //            }, function () {
            //                var _value = $(this).find("input").val();
            //                if (_value != "") {
            //                    $(this).find("input").removeClass("hoverinput");
            //                } else {
            //                    $(this).find("label").css({ "z-index": "10" });
            //                }
            //                $(this).find("input").blur();
            //            });
            $(jqobj).bind("click", function () {
                var _value = $(this).find("input").val();
                $(this).find("input").focus();
                if (_value == "") {
                    $(this).find("label").css({ "z-index": "8" });
                    $(this).find("input").removeClass("hoverinput").addClass("hoverinput");
                }

                if (typeof fun != "undefined") {
                    fun();
                }
            });

            $(jqobj).find("input").focus(function () {
                var _value = $(this).val();
                if (_value == "") {
                    $(this).parent().find("label").css({ "z-index": "8" });
                    $(this).parent().find("input").removeClass("hoverinput").addClass("hoverinput");
                }
            });

            $(jqobj).find("input").blur(function () {
                var _value = $(this).val();
                if (_value != "") {
                    $(this).removeClass("hoverinput");
                } else {
                    $(this).parent().find("label").css({ "z-index": "10" });
                }
                //$(this).blur();
            });

            $(jqobj).find("input").keyup(function () {
                var _value = $(this).val();
                if (_value != "") {
                    $(this).removeClass("hoverinput");
                }
            });

            $(jqobj).find("input").keydown(function () {
                var _value = $(this).val();
                if (_value != "") {
                    $(this).removeClass("hoverinput");
                }
            });
        }


        // $(document).ready(function () {
        //     setTimeout(function () { TabChange('phone'); }, '10');

        //     hoverinput("_umobile");
        //     hoverinput("_mcode");
        //     hoverinput("_mpassword");
        //     hoverinput("_mpassword2");
        //     setTimeout(function () {
        //         $(".v2reg_tips02").removeClass("ssss");
        //     }, 500);

        //     hoverinput("_yanzhenma", function () {
        //         $("#_yanzhenma label").css("margin-top", "10px");
        //         $("#_yanzhenma img").css("margin-top", "10px");
        //     });
        // });

        function chkfn() {
            var _checked = $(this).attr("checked");
            if (_checked == "checked") {
                $("#submitRegister_false").parent().hide();
                $("#submitRegister").parent().show();
            } else {
                $("#submitRegister_false").parent().show();
                $("#submitRegister").parent().hide();
            }
        }
    </script>
@show
    <!--bottom-->
    <center>
        
<div id="bottom" align="center">
		<div id="bottoms">
			<p class="bZp3">Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
			<div id="footerArea">
            <div class="subFooter"><a rel="nofollow" href="https://search.szfw.org/cert/l/CX20111229001302001330" class="redLogo" target="_blank"></a><span class="costumeOrg"></span><a rel="nofollow" href="http://www.315online.com.cn/member/315090053.html" class="wsjyBzzx" target="_blank"></a><a rel="nofollow" href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202010081900017" class="vanclMsg" target="_blank"></a></div>
            </div>
		</div>
	</div>
    </center>
    <!--javascript-->
    
    
    <script type="text/JavaScript" src="/homes/register/Scripts/js.js"
        language="javascript"></script>
    

    
    <script type="text/javascript" language="javascript" src="/homes/register/Scripts/js.js"></script>
</body>
</html>
